<!--
 * @Author: 赵克强 huohuo625@163.com
 * @Date: 2023-10-18 13:33:38
 * @LastEditors: 赵克强 huohuo625@163.com
 * @LastEditTime: 2024-07-26 14:23:24
 * @FilePath: \hy-ui\src\views\app\appInfo\components\detail\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="dataModel">
      <div class="headerTabs">
        <el-tabs v-model="activeName" >
          <el-tab-pane label="实体模型" name="1"><entityModel :appId="appId" :tablePrefix="tablePrefix" v-if="activeName === '1'"/></el-tab-pane>
          <el-tab-pane label="ER模型" name="2"><erModel :appId="appId" v-if="activeName === '2'"/></el-tab-pane>
        </el-tabs>
      </div>
  </div>
</template>

<script>
import entityModel from './entityModel'
import erModel from './erModel'
export default {
  name: "detail",
  components:{
    entityModel,
    erModel
  },
  props: {
   appId:{
      type:String,
      default:''
    },
     tablePrefix:{
      type: String,
      default: "",
    }
  },
  data() {
    return {
      activeName: "1",
    };
  },

  mounted() {
        console.log(this.appId);
  },

  methods: {},
};
</script>

<style lang="scss" scoped>
.dataModel {
  .headerTabs {
   ::v-deep .is-active {
      color: #2f54eb;
    }
    ::v-deep .el-tabs__active-bar {
      background: #2f54eb;
    }
  }
}
</style>